<template>
  <div class="box">
      <!-- 认证 -->
      <div class="img">
          <img src="@/assets/V.png" width="60px" height="100%" alt="">
      </div>
      <div class="font">
          <a @click="auth" href="javascript:;">
            <h3>快速认证</h3>
            <p>认证完毕可享受好礼</p>
          </a>
      </div>
  </div>
</template>

<script>
export default {
    methods:{
        auth(){
            this.$alert("尚未开启认证模式")
        }
    }
}
</script>

<style scoped lang="less">
    .box{
        width: 100%;
        height: 80px;
        padding: 10px;
        background: #fff;
        margin-bottom: 30px;
        border: 1px solid #e0e0e0;
        .img{
            width:20%;
            height: 100%;
            float: left;
            padding-left: 20px;
        }
        .font{
            width: 80%;
            height: 100%;
            padding-top: 5px;
            float: right;
            h3{
                text-align: center;
                line-height: 30px;
                font-family: hw;
            }
            p{
                font-size: 10px;
                text-align: center;
                color: silver;
            }
    }
    }
    a{
        text-decoration: none;
        color: #000;
    }
</style>